.custom-modal {
  display: flex;
  width: 720px;
  min-height: 516px;
  border-radius: 5px;
  background-color: #fff;
  .custom-modal-left {
    width: 50%;
    background-color: #00284A;
    padding: 80px 30px 20px 50px;
    color: #fff;
    line-height: 1.2;
    .custom-modal-firstTitle {
      font-size: 30px;
      font-weight: bold;
    }
    .custom-modal-secondTitle {
      font-size: 26px;
      margin: 10px 0 40px;
    }
    .custom-modal-thirdTitle {
      font-size: 15px;
      margin: 10px 0 40px;
    }
    .custom-modal-description {
      line-height: 2.5;
    }
  }
  .custom-modal-right {
    position: relative;
    width: 50%;
    background-color: #fff;
    padding-bottom: 78px;
    .custom-modal-footer {
      display: flex;
      justify-content: space-between;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 78px;
      width: 100%;
      padding: 20px;
      .custom-modal-cancel {
        height: 38px;
      }
      .custom-modal-ok {
        height: 38px;
      }
    }
  }
}

